<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<title>oppo网站</title>
<link rel="stylesheet" type="text/css" href="images/public.css" />
<link rel="stylesheet" type="text/css" href="images/demo.css" />
</head>
<body>
<div id="top" class="auto">
    <div class="nav">
	    <div class="left same"><img src="images/mainnav_l.gif" /></div>
		<div class="mainNav"><img class="logo" src="images/logo.gif" />
		    <ul>
			    <li><a href="demo.html">首页</a><li>
				<li><a href="list.html">手机</a><li>
				<li><a href="list.html">手机</a><li>
				<li><a href="list.html">手机</a><li>
				<li><a href="list.html">手机</a><li>
			</ul>
		</div>
		<div class="right same"><img src="images/mainnav_r.gif" /></div>
	</div>
	<div class="nav1">
	 <form class="search" action="#">
		    <input class="keywords" type="text" name="keywords"/>
			<input class="btn" type="submit" value="" />
		</form>
	    <div class="enter">
	        <a href="#">登录</a>
		    <a href="#">注册</a>
		    <img src="images/shoppingcart_sicon.png" />
		    <a class="cart" href="#">购物车0件</a>
	    </div>
	</div>
</div>
<div id="main">
    <div class="auto">
		<img class="img1" width="956" src="images/20130508roclam.jpg" />
		<div class="shopList">
		<div class="title">
		<h2>精品推荐</h2>
		<a href="#">更多<a>
        </div>
		<div class="box">
		    <div class="imgList">
			    <img width="160" height="" src="images/75_thumb_G_1364283137730.jpg" />
				<p class="p0"><a href="#">Find 5 七彩家族系列保护壳</a></p>
				<p class="p1">￥68</p>
			</div>
			<div class="imgList">
			<img width="160" height="" src="images/75_thumb_G_1364283137730.jpg" />
				<p class="p0"><a href="#">Find 5 七彩家族系列保护壳</a></p>
				<p class="p1">￥68</p>
			</div>
			<div class="imgList">
			<img width="160" height="" src="images/75_thumb_G_1364283137730.jpg" />
				<p class="p0"><a href="#">Find 5 七彩家族系列保护壳</a></p>
				<p class="p1">￥68</p>
			</div>
			<div class="imgList imgList4">
			<img width="160" height="" src="images/75_thumb_G_1364283137730.jpg" />
				<p class="p0"><a href="#">Find 5 七彩家族系列保护壳</a></p>
				<p class="p1">￥68</p>
			</div>	
		</div>
		</div>
		<div style="clear:both;"></div>
		<div class="shopList">
		<div class="title">
		<h2>新品上架</h2>
		<a href="#">更多<a>
        </div>
		<div class="box">
		    <div class="imgList">
			    <img width="160" height="" src="images/75_thumb_G_1364283137730.jpg" />
				<p class="p0"><a href="#">Find 5 七彩家族系列保护壳</a></p>
				<p class="p1">￥68</p>
			</div>
			<div class="imgList">
			<img width="160" height="" src="images/75_thumb_G_1364283137730.jpg" />
				<p class="p0"><a href="#">Find 5 七彩家族系列保护壳</a></p>
				<p class="p1">￥68</p>
			</div>
			<div class="imgList">
			<img width="160" height="" src="images/75_thumb_G_1364283137730.jpg" />
				<p class="p0"><a href="#">Find 5 七彩家族系列保护壳</a></p>
				<p class="p1">￥68</p>
			</div>
			<div class="imgList imgList4">
			<img width="160" height="" src="images/75_thumb_G_1364283137730.jpg" />
				<p class="p0"><a href="#">Find 5 七彩家族系列保护壳</a></p>
				<p class="p1">￥68</p>
			</div>	
		</div>
		</div>
		<div style="clear:both;"></div>
		<div class="brand">
		<img src="images/bottom.jpg" usemap="#brandImg" />
		<map id="brandImg" name="brandImg" >
		    <area shape="rect" href="#" coords="0,0,108,50" target="_blank" alt="私房库"/>
			<area shape="rect" href="#" coords="108,0,283,50" target="_blank" alt="私房库"/>
			<area shape="rect" href="#" coords="108,0,456,50" target="_blank" alt="私房库"/>
			<area shape="rect" href="#" coords="108,0,634,50" target="_blank" alt="私房库"/>
			<area shape="rect" href="#" coords="108,0,789,50" target="_blank" alt="私房库"/>
			<area shape="rect" href="#" coords="108,0,960,50" target="_blank" alt="私房库"/>
		</map>
		</div>
    </div>
</div>
<div id="bottom">
    <p>联系QQ xxx</p>
	<p> 宇宙无敌小仙女</p>
</div>
</body>
</html>